<%@page import="servlets.MainServlet"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<link href="../css/envio.css" rel="stylesheet" type="text/css">
<jsp:include page="header.jsp" flush="true" />
<div id="content">

	<form action="../servlet/mainServlet?actionId=2" enctype="multipart/form-data" method="post" class="bootstrap-frm" onsubmit="return validate(); return false;">
		<h1>Formulario de Envío Intersucursal
			<span>* Por favor llene todos los campos obligatorios</span>
		</h1>
		
		<c:if test="${clientes != null}">
			<span id="clienteError" class="error">Por favor complete el  campo</span>
			<label> <span>* Cliente:</span> 
			<select name="cliente">
				<option></option>
				<c:forEach items="${clientes}" var="cliente" varStatus="status">
					<option><c:out value="${cliente.clienteId}" /></option>
				</c:forEach>
			</select>
			</label>
		</c:if>
	
		<c:if test="${sucursales != null}">
			<span id="nombreSucursalOrigenError" class="error">Por favor complete el  campo</span>
			<label> <span>* Sucursal Origen:</span> 
			<select name="nombreSucursalOrigen">
				<option></option>
				<c:forEach items="${sucursales}" var="sucursal" varStatus="status">
					<option><c:out value="${sucursal.nombre}" /></option>
				</c:forEach>
			</select>
			</label>
		</c:if>
	
		<c:if test="${sucursales != null}">
			<span id="nombreSucursalDestinoError" class="error">Por favor complete el  campo</span>
	            			<label> <span>* Sucursal Destino:</span>
			<select name="nombreSucursalDestino">
				<option></option>
				<c:forEach items="${sucursales}" var="sucursal" varStatus="status">
					<option><c:out value="${sucursal.nombre}" /></option>
				</c:forEach>
			</select>
			</label>
		</c:if>
		<span id="fechaRecepcionError" class="error">Por favor complete el  campo</span>
		<label> 
			<span>* Fecha Recepción:</span>
			<input type="date" name="fechaRecepcion"/>
		</label>
		<h2>Destinatario</h2>
		<span id="nombreDestinatarioError" class="error">Por favor complete el  campo</span>
		<label>
			<span>* Nombre</span>
			<input type="text" name="nombreDestinatario" />
		</label>
		<span id="apellidoDestinatarioError" class="error">Por favor complete el  campo</span>
		<label>
			<span>* Apellido</span>
			<input type="text" name="apellidoDestinatario" />
		</label>
		<span id="dniDestinatarioError" class="error">Por favor complete el  campo</span>
		<label>
			<span>* DNI</span>
			<input type="text" name="dniDestinatario" />
		</label>
		<h2>Carga</h2>
		<span id="anchoCMError" class="error">Por favor complete el  campo con un valor numérico decimal</span>
		<label>
			<span>* Ancho</span>
			<input type="text" name="anchoCM" placeholder="Valor numérico decimal CM"/>
		</label>
		<span id="altoCMError" class="error">Por favor complete el  campo con un valor numérico decimal</span>
		<label>
			<span>* Alto</span>
			<input type="text" name="altoCM" placeholder="Valor numérico decimal CM"/>
		</label>
		<span id="profundidadCMError" class="error">Por favor complete el  campo con un valor numérico decimal</span>
		<label>
			<span>* Profundidad</span>
			<input type="text" name="profundidadCM" placeholder="Valor numérico decimal CM"/>
		</label>
		<span id="pesoKGError" class="error">Por favor complete el  campo con un valor numérico decimal</span>
		<label>
			<span>* Peso</span>
			<input type="text" name="pesoKG" placeholder="Valor numérico decimal Kg"/>
		</label>
		<span id="volumenM3Error" class="error">Por favor complete el  campo con un valor numérico decimal</span>
		<label>
			<span>* Volumen</span>
			<input type="text" name="volumenM3" placeholder="Valor numérico decimal M3"/>
		</label>
		<label>
			<span>* Refrigerado</span>
			<select name="refrigerado">
				<option value="1">Si</option>
				<option value="2">No</option>
			</select>
		</label>
		<label>
			<span>* Fragilidad</span>
			<select name="fragilidad">
				<option value="1">Extremadamente fragil</option>
				<option value="2">Fragil</option>
				<option value="3">Normal</option>
				<option value="4">Resistente</option>
			</select>
		</label>
		<label>
			<span>* Peligrosidad</span>
			<select name="peligrosidad">
				<option value="1">Extremadamente peligroso</option>
				<option value="2">Peligroso</option>
				<option value="3">Inocuo</option>
			</select>
		</label>
		<span id="apilableError" class="error">Por favor complete el  campo con un valor numérico entero</span>
		<label>
			<span>* Apilable</span>
			<input type="text" name="apilable" placeholder="Valor numérico entero"/>
		</label>
		<label>
			<span>Especiales</span>
			<textarea name="especiales" rows="" cols=""></textarea>
		</label>
		
		<label>
			<span>Manifiesto</span>
			<input type="file" size=20 name="manifiesto">
		</label>
		
		<label>
			<span>&nbsp;</span>
			<input type="submit" class="button" value="Crear Envio"/>
		</label>
		
	</form>

<script type="text/javascript">
function validate() {
   	var canSubmit = true;
   	var cliente = document.getElementsByName('cliente')[0].value;
   	if (cliente == "") {
   		document.getElementById('clienteError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('clienteError').style.display = "";
   	}
   	
   	var sucursalOrigen = document.getElementsByName('nombreSucursalOrigen')[0].value;
   	if (sucursalOrigen == "") {
   		document.getElementById('nombreSucursalOrigenError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('nombreSucursalOrigenError').style.display = "";
   	}
   	
   	var fechaRecepcion = document.getElementsByName('fechaRecepcion')[0].value;
   	if (fechaRecepcion == "") {
   		document.getElementById('fechaRecepcionError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('fechaRecepcionError').style.display = "";
   	}
   	
   	var sucursalDestino = document.getElementsByName('nombreSucursalDestino')[0].value;
   	if (sucursalDestino == "") {
   		document.getElementById('nombreSucursalDestinoError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('nombreSucursalDestinoError').style.display = "";
   	}
   	
   	var nombreD = document.getElementsByName('nombreDestinatario')[0].value;
   	if (nombreD == "") {
   		document.getElementById('nombreDestinatarioError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('nombreDestinatarioError').style.display = "";
   	}
   	
   	var apellidoD = document.getElementsByName('apellidoDestinatario')[0].value;
   	if (apellidoD == "") {
   		document.getElementById('apellidoDestinatarioError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('apellidoDestinatarioError').style.display = "";
   	}
   	
   	var dniD = document.getElementsByName('dniDestinatario')[0].value;
   	if (dniD == "") {
   		document.getElementById('dniDestinatarioError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('dniDestinatarioError').style.display = "";
   	}
   	
   	var ancho = document.getElementsByName('anchoCM')[0].value;
   	if (ancho == "" || !isNumericoDecimal(ancho)) {
   		document.getElementById('anchoCMError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('anchoCMError').style.display = "";
   	}
   	
   	var alto = document.getElementsByName('altoCM')[0].value;
   	if (alto == "" || !isNumericoDecimal(alto)) {
   		document.getElementById('altoCMError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('altoCMError').style.display = "";
   	}
   	
   	var profundidad = document.getElementsByName('profundidadCM')[0].value;
   	if (profundidad == "" || !isNumericoDecimal(profundidad)) {
   		document.getElementById('profundidadCMError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('profundidadCMError').style.display = "";
   	}
   	
   	var peso = document.getElementsByName('pesoKG')[0].value;
   	if (peso == "" || !isNumericoDecimal(peso)) {
   		document.getElementById('pesoKGError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('pesoKGError').style.display = "";
   	}
   	
   	var volumen = document.getElementsByName('volumenM3')[0].value;
   	if (volumen == "" || !isNumericoDecimal(volumen)) {
   		document.getElementById('volumenM3Error').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('volumenM3Error').style.display = "";
   	}
   	
   	var apilable = document.getElementsByName('apilable')[0].value;
   	if (apilable == "" || !isNumericoEntero(apilable)) {
   		document.getElementById('apilableError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('apilableError').style.display = "";
   	}
   	
       return canSubmit;
   };
   
   function isNumericoDecimak(n) {
   	return !isNaN(parseFloat(n)) && isFinite(n);
   }
   
   function isNumericoEntero(n) {
	  return !isNaN(n) && 
   		         parseInt(Number(n)) == n && 
   		         !isNaN(parseInt(n, 10));
   }

</script>
</div>
<jsp:include page="footer.jsp" flush="true" />